<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <base href="${pageContext.request.contextPath}/">
    <meta name="renderer" content="webkit">
    <title>分类检索</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/global.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>
<body>

<jsp:include page="../../head.jsp"></jsp:include>

<div class="type" style="margin-top: 82px;">
    <div class="container">
        <div class="type_top">
            <div class="type_name">方向:</div>
            <div class="type_list">
                <a class="type_item" href="#">全部</a>
                <a class="type_item type_selected" href="#">前端开发</a>
                <a class="type_item" href="#">后端开发</a>
                <a class="type_item" href="#">移动开发</a>
                <a class="type_item" href="#">数据库</a>
                <a class="type_item" href="#">云计算&大数据</a>
                <a class="type_item" href="#">运维&测试</a>
            </div>
        </div>
        <div class="type_mid">
            <div class="type_name">分类:</div>
            <div class="type_list">
                <a class="type_item" href="#">全部</a>
                <a class="type_item type_selected" href="#">HTML/CSS</a>
                <a class="type_item" href="#">JavaScript</a>
                <a class="type_item" href="#">Html5</a>
                <a class="type_item" href="#">CSS3</a>
                <a class="type_item" href="#">jQuery</a>
                <a class="type_item" href="#">Node.js</a>
                <a class="type_item" href="#">AngularJS</a>
                <a class="type_item" href="#">Bootstrap</a>
                <a class="type_item" href="#">React.JS</a>
                <a class="type_item" href="#">Vue.js</a>
                <a class="type_item" href="#">Sass/Less</a>
                <a class="type_item" href="#">WebApp</a>
                <a class="type_item" href="#">前端工具</a>
            </div>
        </div>
        <div class="type_bottom">
            <div class="type_name">类型:</div>
            <div class="type_list">
                <a class="type_item" href="#">全部</a>
                <a class="type_item type_selected" href="#">基础</a>
                <a class="type_item" href="#">案例</a>
            </div>
        </div>
    </div>
</div>
<div class="list">
    <div class="container">
        <div class="list_top">
            <div>
                <a href="#" class="disable">最新</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#" class="enable">最热</a>
            </div>
            <div>
                <span class="enable">1</span>
                <span class="">/3</span>
                <a href="#"><i class="icon-left2"></i></a>
                <a href="#"><i class="icon-right2"></i></a>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_item col-lg-3 col-md-3 col-sm-4 col-xs-6">
            <div class="item_content">
                <img src="images/band1.png" alt="" width="600px"/>

                <div class="content_info">
                    <h4>JavaScript进阶篇</h4>

                    <p>吼吼吼吼吼吼吼吼吼吼吼吼吼吼吼</p>
                </div>
                <div class="content_bottom">222222人在学</div>
            </div>
        </div>
        <div class="list_bottom">
            <a href="#" class="type_item disable">首页</a>
            <a href="#" class="type_item disable">上一页</a>
            <a href="#" class="type_item type_selected">1</a>
            <a href="#" class="type_item">2</a>
            <a href="#" class="type_item">3</a>
            <a href="#" class="type_item">下一页</a>
            <a href="#" class="type_item">尾页</a>
        </div>
    </div>
</div>

<jsp:include page="../../footer.jsp"></jsp:include>

</body>
</html>